<template>
	<scroll-view scroll-y="" class="content">
		<view class="wrap" style="background: rgb(229,238,217);">
			<view>编号</view>
			<view>型号</view>
			<view>名称</view>
			<view>生产厂家</view>
			<view>可用量</view>
		</view>
		<view class="wrap" v-for="item,index in data" :key='index' :style="{borderWidth:'0rpx',backgroundColor:index%2==1?'#FAFAFA':'white'}">
			<view>{{item.sb_no}}</view>
			<view>{{item.sbxh}}</view>
			<view>{{item.sbmc}}</view>
			<view>{{item.sccj}}</view>
			<view>{{item.available_num}}</view>
		</view>
        <view style="height: 200rpx;"/>
	</scroll-view>
</template>

<script>
	import API from '@/common/api.js';
	export default {
		components: {
		},
		data() {
			return {
				pzhAuthorization: uni.getStorageSync('pzhAuthorization'),
				data:[],
				timer: null,
			}
		},
		onLoad(options) {
			this.data=uni.getStorageSync('equipmentSubsidiaryData').bjList
		},
		onUnload() {
			
		},
		methods: {
			changeNum(num) {
				return Number(Math.floor(Number(num) * 100) / 100).toFixed(2)
			}
		}
	}
</script>
<style scoped>
	/* #ifndef H5 */
	.content>>>.xdsoft_flipcountdown>.xdsoft_digit {
		transition-property: background-position;
		transition-duration: 0.5s;
	}

	/* #endif */
</style>
<style lang="less" scoped>
	.content {
		background: white;
		height: 100vh;

		.wrap {
			display: flex;
			border-top: 2rpx solid #dcdfe6;
			border-bottom: 2rpx solid #dcdfe6;
			flex-wrap: wrap;
			view {
                white-space:normal;
                word-break:break-all;
				font-size: 26rpx;
				padding: 20rpx;
				width:calc(21vw - 40rpx);
				display: flex;
				line-height: 40rpx;
				flex-direction: column;
				justify-content: center;
			}
            view:last-child{
                width:calc(16vw - 40rpx);
            }
		}
		.scroll {
			height: calc(100vh - 62rpx);
			view {
				color: #777777;
				border-bottom: 2rpx solid #dcdfe6;
			}
		}
	}
</style>
